// 定义接口
const inter_url = "/status/getPageStatusInfo";

// 预加载
$(document).ready(function () {
    console.log('执行');
    //初始化执行，查询全部数据
    getTableList(inter_url);
    // 初始化渲染条件选择框
    // getOptionList();
    // layUI
    layui.use('form', function() {
        var form = layui.form // 表单
        // 模糊搜索
        form.on('submit(formDemo)', function (data) {
            // 设置参数 及 请求接口
            const inter_url = "/status/getKeyWorkStatusInfo?keyWork=" + data.field.keyword;
            layer.msg("搜索中...");
            getTableList(inter_url);
            return false;
        });
    })
});

// 获取表格数据
function getTableList(inter_url) {
    // 执行先清空输入框内容
    $("#keyword").val("")
    // LayUI JavaScript代码区域
    layui.use(['laypage', 'layer', 'table', 'laydate'], function () {
        var table = layui.table
            , laypage = layui.laypage //分页
            , layer = layui.layer //弹层;
            , laydate = layui.laydate

        laydate.render({
            elem: '#date1'
        });

        // 每页面显示条数
        var limitcount = 10;
        // 当前页
        var curnum = 1;

        // 创建表格
        table.render({
            elem: '#infoMag',
            height: 480,
            url: inter_url,//数据接口
            method: "GET",
            title: '信息收集',
            page: true, //开启分页
            toolbar: '#toolbarDemo',
            limit: 10,
            limits: [10, 20, 30],
            //toolbar: true,//开启工具栏，此处显示默认图标，可以自定义模板，详见文档
            parseData: function (res) {
                console.log(res);
                var count = 0;
                if (res.data == null) {
                    count = 0;
                } else {
                    count = res.data.count;
                }
                return {
                    "code": res.status, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": count, //解析数据长度
                    "data": res.data.data //解析数据列表
                }
            },
            cols: [
                [ //表头
                    {type: 'checkbox', fixed: 'left'},
                    {
                        field: 'tb_id',
                        title: '收集类型',
                        width: 180,
                        sort: true,
                        fixed: 'left',
                    },{
                    field: 'sj001',
                    title: '信息收集标题',
                    width: 280
                }, {
                    field: 'status',
                    title: '收集状态',
                    width: 180
                }, {
                    field: 'createTime',
                    title: '截止时间',
                    width: 240
                }, {
                    fixed: 'right',
                    title: '操作',
                    width: 350,
                    align: 'center',
                    toolbar: '#barArray'
                }, {
                    fixed: 'sta_id',
                    hide: true,
                }
                ]
            ],
            done: function (res, curr, count) {
                // 开启分页
                laypage.render({
                    elem: '#infoMag', //分页容器的id
                    count: count, //总条数
                    curr: curr,
                    limit: limitcount, //当前页显示数据
                    skin: '#1E9FFF', //自定义选中色值
                    jump: function (obj, first) {
                        if (!first) {
                            curnum = obj.curr;
                            limitcount = obj.limit;
                            layer.msg('第' + obj.curr + '页', {
                                offset: 'b'
                            });
                        }
                    }
                })
                // 判断数据
                $("[data-field='status']").children().each(function(){
                    if($(this).text()=='0'){
                        $(this).text("已停止")
                    }else if($(this).text()=='1'){
                        $(this).text("正在收集")
                    }
                });
                $("[data-field='tb_id']").children().each(function(){
                    if($(this).text()=='0'){
                        $(this).text("积极分子信息收集")
                    }else if($(this).text()=='1'){
                        $(this).text("发展对象信息收集")
                    }else if ($(this).text()=='2') {
                        $(this).text("预备党员信息收集")
                    }
                });
            }
        });

        //监听行工具事件
        table.on('tool(test)', function(obj){
            var data = obj.data;
            //console.log(obj)
            if(obj.event === 'del'){
                layer.confirm('真的删除行么', function(index){
                    var sj001 = data.sj001;
                    $.ajax({
                        type:'post',
                        url: "/status/delByIdStatus",
                        data: {
                            "sta_id": data.sta_id
                        },
                        success:function(response){
                            var code=response.data;
                            if (code == 1) {
                                layer.alert(JSON.stringify("删除了" + sj001 + "的记录！"));
                                // 刷新当前界面
                                getTableList("/status/getPageStatusInfo");
                            } else {
                                layer.alert(JSON.stringify("删除失败"));
                            }
                        }
                    })
                    layer.close(index);
                });
            } else if(obj.event === 'edit'){
                openUpdate(obj.data.sta_id);
                // layer.close(index);
            } else if (obj.event === 'add'){
                console.log('添加学生：' + obj.data.sta_id)
                console.log('添加学生：' + obj.data.tb_id)
                var sta_id = obj.data.sta_id
                var tb_id = obj.data.tb_id
                // 跳转到信息页面 新的页面根据获取的id
                window.location.href = 'add-infoCollection-stu.html?sta_id=' + sta_id + '&tb_id=' + tb_id;
            } else if (obj.event === 'query') {
                console.log('查看');
                var sta_id = obj.data.sta_id
                var tb_id = obj.data.tb_id
                // 跳转到信息页面 新的页面根据获取的id
                window.location.href = 'find-infoCollection.html?sta_id=' + sta_id + '&tb_id=' + tb_id;
            }
        });
    });
};
// 弹出编辑窗口
function openUpdate (id) {
    $.ajax({
        type: "get",
        url: "/status/getByIdStatus",
        data: {
            "sta_id": id
        },
        success: function(res) {
            console.log(res);
            layer.open({
                type: 0,
                title: "编辑信息收集状态",
                anim: 1,
                closeBtn: 2,
                fixed: false,
                area: ['400px','350px'],
                shadeClose: false,
                content: '<div class="container layui-form">\n' +
                    '        <div class="layui-form-item">\n' +
                    '            <div class="layui-inline">\n' +
                    '                <label class="layui-form-label">收集状态</label>\n' +
                    '                <div class="layui-input-inline">\n' +
                    '                    <select name="status" id="status" lay-filter="status" lay-verify="required" lay-search="">\n' +
                    '                        <option value="' + res.data.status +'" selected="selected">' + res.data.statusValue + '</option>\n' +
                    '                        <option value="0">停止收集</option>\n' +
                    '                        <option value="1">正在收集</option>\n' +
                    '                    </select>\n' +
                    '                </div>\n' +
                    '            </div>\n' +
                    '        </div>\n' +
                    '    </div>',
                success: function (layero, index) {
                    layui.use(['form'], function() {
                        var form = layui.form
                        // 加载下拉框
                        form.render('select');
                    })
                    console.log("窗口弹出");
                },
                // 确定按钮执行函数
                yes: function(index, layero){
                    //do something
                    // console.log($('#partyAppliTime').val());
                    $.ajax({
                        type: 'post',
                        url: '/status/updateByIdStatus',
                        dataType: "json",
                        traditional: true,
                        contentType : 'application/json;charset=utf-8',
                        data:
                            JSON.stringify({
                                sta_id: id,
                                status: $('#status').val(),
                            }),
                        success: function(res) {
                            layer.alert('更新成功');
                            getTableList("/status/getPageStatusInfo");
                        }
                    })
                    layer.close(index); //如果设定了yes回调，需进行手工关闭
                }
            })
        }
    })
};
